<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north'" class="center">
        <div class="webmap">
            <p class="webmaptip">当前位置:</p>
            <a href="javascript:goHome();" class="easyui-link">银行卡管理</a>
            <p class="webmaptip">></p>
            <a href="javascript:;" class="easyui-link">银行卡管理</a>
        </div>
        <div class="querybycon">
            <form id="query">
                <div class="queryinfo">
                    <div>银行名称<input name="bankName" placeholder="银行名称"></div>
                    <div>名称缩写<input name="shortName" placeholder="名称缩写"></div>
                    <div>充值类型<input class="easyui-combobox" name="rechargeType"
                                    data-options="url:'/dictionary/cpRechargeType'"></div>

                </div>
            </form>
        </div>
        <div class="querybtn">
            <a id="querybtn" href="javascript:;" class="easyui-linkbutton info"
               data-options="iconCls:'fa fa-search'">查询</a>
            <a id="add" href="javascript:;" class="easyui-linkbutton  warning"
               data-options="iconCls:'fa fa-plus'">添加</a>
            <a id="edit" href="javascript:;" class="easyui-linkbutton danger"
               data-options="iconCls:'fa fa-pencil'">编辑</a>
            <a id="del" href="javascript:;" class="easyui-linkbutton success"
               data-options="iconCls:'fa fa-remove'">删除</a>
            <div style="visibility: hidden;">aa</div>
        </div>
    </div>

    <div data-options="region:'center'">
        <table id="list"></table>
    </div>
</div>

<script type="text/javascript">

    var addUrl = "page/bankcard/bankcardadd.html";
    var editUrl = "page/bankcard/bankcardedit.html";
    var delUrl = '/bankcard/del';
    var save = '/bankcard/save';
    var listUrl = "/bankcard/list";
    var edit = "/bankcard/edit";
    var columns = [[{
        field: 'id',
        checkbox: true
    }
        , {
            field: 'bankName',
            title: '银行名称'
        }

        , {
            field: 'shortName',
            title: '名称缩写'
        }

        , {
            field: 'cardType',
            title: '卡类型',
            formatter: function (value, row, index) {
                return dic["bankCardType"][value.toString()];
            }
        }

        , {
            field: 'dailyLimit',
            title: '每日限额（元）'
        }, {
            field: 'onceLimit',
            title: '单笔限额（元）'
        }, {
            field: 'fee',
            title: '手续费（%）'
        }, {
            field: 'handingFee',
            title: '手续费承担方', formatter: function (value, row, index) {
                return dic["handingFeeType"][value.toString()];
            }
        }, {
            field: 'rechargeType',
            title: '充值类型', formatter: function (value, row, index) {
                return dic["cpRechargeType"][value.toString()];
            }
        }, {
            field: 'rechargeCondition',
            title: '充值条件'
        }

        , {
            field: 'iconUrl',
            title: '图标',
            formatter: function (value, row, index) {
                var img = '<img style="width: 100px;height: 30px" src="' + value + '"/>';
                return img;
            }
        }

        , {
            field: 'state',
            title: '状态',
            formatter: function (value, row, index) {
                return dic["statusType"][value.toString()];
            }
        }
    ]];
    list.init({url: listUrl, columns: columns});
</script>
